* {
    margin: 0;
    padding: 0;
}

body, html {
    font-family: Arial, Helvetica, sans-serif;
    height: 100%;
    width: 100%;
    direction: rtl;}



html {background-color: #fff;}
body {background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#245D9C), to(#CAD4DD));-webkit-border-radius: 5px}

.clear {clear: both; float: none; heihgt: 0px;}

.wrapper {width: 482px; height: 513px;  padding: 5px;}

a.link-top:active, a.link-top, a.link-top:visited{color: #fabc00; font: bold 10px Verdana, Geneva, sans-serif; float: left; text-decoration: none; line-height: 18px}
a.link-top:active a, a.link-top a, a.link-top:visited a{color: #fabc00; font: bold 10px Verdana, Geneva, sans-serif; float: left; text-decoration: none; line-height: 18px}

.wrapper-settings {width: 100%; height: 100%;; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#245D9C), to(#CAD4DD)); padding: 5px; -webkit-border-radius: 3px;}
.wrapper-settings .wrapper2 {width: 482px; height: 513px; margin: 0 auto;}

.cabecera {width: 416px; height: 50px; margin: 0 0 5px 0; background-image: url(../img/bck-header2.gif); padding: 15px 66px 0 0; color: #245d9c; font: bold 16px Arial, Helvetica, sans-serif;}

.menu {height: 23px; -webkit-border-radius: 3px 3px 0 0;  border-bottom: 1px solid #666; background-color: #fff;
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e0e0e0), to(#ffffff)); 
		background-size: 100% 100%;	background-position: right top; background-repeat: no-repeat; position: relative; z-index: 5;
		}

.menu ul {list-style-type: none; color: #666666; font: bold 10px Verdana, Geneva, sans-serif; position: relative; display: inline-block;
		background-image:  url(../img/dot-tabs.gif); 
		background-size: 90% 10px;	background-position: center top; background-repeat: no-repeat; position: relative; z-index: 5;
}
#div_live_matches ul {list-style-type: none; color: #666666; font: bold 10px Verdana, Geneva, sans-serif; position: relative;}
.menu li, #div_live_matches li {border: 1px solid #666; -webkit-border-radius: 7px 7px 0 0; border-bottom: 0; float: right; height: 21px; padding: 1px 1px 0 1px; background-color: #fff; /*right: 50%;*/ position: relative; }
.menu li:nth-child(n+1), #div_live_matches li:nth-child(n+1) {margin-left: -1px;}
.menu ul a, #div_live_matches ul a {background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dedede), to(#ffffff)); -webkit-border-radius: 3px; padding: 4px 8px 0; /*width: 58px;*/ display: block; overflow: hidden; height: 17px; color: #666; text-decoration: none; text-align: center; }
.menu li.on, #div_live_matches li.on {height: 22px;}
.menu li.on a, #div_live_matches li.on a {background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d2deea), to(#ffffff)); color: #195695;}





/* Settings */
.settings {background-color: #fff; overflow: hidden; margin: -1px 0 0 0;position: relative; z-index: 10}
.settings .grupos { }
.settings label {display: block; font: bold 10px Verdana, Geneva, sans-serif; margin: 20px 100px 0 0; color: #195695; }
.settings label.select {margin-right: 0; text-align: center;}
.settings label.select img {margin: 0 5px;}
.settings select {font: bold 9px Verdana, Geneva, sans-serif; color: #195695; padding: 1px; border: 1px solid #666;}
.settings label input {vertical-align: bottom; margin: 0  0 0 5px ; padding: 0;}
.settings input[type=button]  {display: block; margin: 20px auto; padding: 0 15px; -webkit-border-radius: 3px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#d2d1cc)); font-size: 11px; }

.bottom {clear: both; height: 15px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(#dadcdf)); -webkit-border-radius: 0 0 5px 5px; text-align: right;}

/* live */
.live {height: 475px; background-color: #fff; oveflow: hidden; }
.live .partido {text-align: center; height: 31px; border-bottom: 1px solid #666; padding-top: 10px; cursor:pointer; }
.live .partido img {margin: 0 5px;}
.live .partido span.resultado {color: #000; letter-spacing: 3px; margin: 0 15px; display: block; float: right; line-height: 34px; font: bold 15px Arial, Helvetica, sans-serif;}
.live .partido span.equipo1, .live .partido span.equipo2 {width: 201px; display: inline-block; text-align: center; float: right; line-height: 34px; color: #195695; font: bold 15px Arial, Helvetica, sans-serif; }


#div_live_matches ul {padding-top: 5px; /*left: 50%;*/ position: relative;}
#div_live_matches li {/*left: -25%;*/ position: relative;}
#div_live_matches li.ui-state-active a {height: 22px;}
#div_live_matches .info-partido {font: bold 10px/100% Verdana, Geneva, sans-serif; line-height: 15px; padding-bottom: 10px; display: block;}

.live .eventos {height: 367px; width: 100%; overflow-y: scroll; overflow-x: hidden;}
.live table {font: bold 11px Verdana, Geneva, sans-serif; color: #195695; direction: rtl}
.live td {height: 28px; vertical-align: middle;}

.live .table {blear: both;}
.live td {border-bottom: 1px solid #e5e5e5;}
.live tr.destaca {background-color: #e5e5e5; color: #666}
.live tr.destaca td {border-bottom: 1px solid #FFF;}
.live td:nth-child(5) {padding-left: 10px;}
.live td:nth-child(1) {padding-right: 20px; text-align: right;}
.live td:nth-child(n+4) {width: 30px; text-align: center;}
.live td img {cursor: pointer;}
.live td span.equipo {color: #195695;}
.live td span.evento {color: #666;}

.live .partido {height: auto; border-top: 1px solid #666}

.match_live {overflow-y: scroll; height: 271px;}
.mas-info {font: 20px Arial, Helvetica, sans-serif; width: 480px; height: 106px; background: url(../img/fondo-masinfo-live.jpg); line-height: 106px; color: #fff; }
.mas-info img { vertical-align: middle;}
.mas-info a, .mas-info a:visited, .mas-info a:active {font-weight: bold; color: #333;}


/* My team */
.my-team .top {background-color: #fff;}
.my-team .primero {margin-top: -4px;}
.my-team .nombre {height: 50px; font: bold 15px Arial, Helvetica, sans-serif; color: #195695; background-color: #fff; padding: 8px 0 0 0;}
.my-team .nombre img {vertical-align: middle; border: 1px solid #666; margin: 0 15px 0 6px; }
.my-team .nombre span {color: #666; font-size: 12px;}

.my-team #div_popup_latest_news {overflow-y: scroll; height: 122px;}
.my-team .noticia {overflow: hidden;}
.my-team .noticia {font: 10px Verdana, Geneva, sans-serif; padding: 10px 15px; background-color: #fff; overflow: hidden; height: 102px;}
.my-team .noticia a {font: 12px Verdana, Geneva, sans-serif; color: #2046a1; display: block; margin-bottom: 10px;}
.my-team .noticia a span {font-weight: bold;}
.my-team .noticia img {border: 1px solid #666; display: block; float: right; margin-left: 10px;}

.my-team .bottom {clear: both; height: 15px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(#dadcdf)); -webkit-border-radius: 0 0 5px 5px; text-align: right; margin: 0 0 10px 0;}
.my-team .bottom a {color: #666; font: bold 9px Verdana, Geneva, sans-serif; line-height: 15px; display: block; margin: 0 10px 0 0; text-decoration: none;}
.my-team .bottom a:hover {text-decoration: underline;}

.my-team .partido {margin-top: 5px;}
.my-team .middle input {float: right; margin: 2px 0 0 5px;}
.my-team .middle {height: 30px; overflow: hidden; background-color: #fff; padding: 8px 15px; font-size: 10px;}
.my-team .middle strong {display: block; color: #2046a1; margin-bottom: 3px; font-size: 12px;}
.my-team .middle strong img {border: 1px solid #666; vertical-align: baseline;}
.my-team .middle span {font-weight: bold; font-size: 12px;}


#tab3 {position: relative;}
select.fases {position: absolute; top: -20px; left: 10px; z-index: 1000; font: 10px Arial, Helvetica, sans-serif;}


/* No match */
.no-match {height: 399px; background-color: #fff; oveflow: hidden; }
	.no-match .next {font: bold 15px Arial, Helvetica, sans-serif; height: 31px; line-height: 31px; border-bottom: 1px solid #666; text-align: center; }
	.no-match .equipos {text-align: center; background-color: #e5e5e5; height: 28px; line-height: 28px; font-weight: bold; cursor:pointer;}
	.no-match .equipo1, .no-match .equipo2 {width: 215px; color: #195695;font: bold 15px/28px Arial, Helvetica, sans-serif; }
	.no-match img {margin: 0 5px;}
	.no-match .equipo1 {float: right; text-align: left;}
	.no-match .equipo2 {float: left; text-align: right;}
	.no-match p {text-align: center; margin: 10px 0 0 0;}
	
/* Matches */
.fase-previa {background-color: #ffffff; height: 149px; margin-top: -1px; }
	.grupos { font-size: 11px; color: #333; -webkit-border-radius: 5px 5px 0 0; height: 21px; line-height: 21px; padding: 2px 2px 0 2px;
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e0e0e0), to(#ffffff)); position: relative;}
	.grupos div {background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a4a4a4), to(#e2e2e2)); -webkit-border-radius: 5px 5px 0 0; padding: 0 5px; height: 21px; }
	.grupos div span {display: inline-block; float: right; }
	.matches .stage ul.lista-grupos {list-style-type: none; font: bold 10px Verdana, Geneva, sans-serif; /*float: right; left: 37%;*/ position: relative; margin: -1px 0 0 0; height: 23px; background-color: #fff;}
	.matches .stage ul.lista-grupos li {float: right; height: 21px; padding: 1px 1px 0 1px; /*right: 50%;*/ position: relative; margin: 0 5px 0 0; width: 32px; text-align: center; line-height: 22px; overflow: hidden; }
	.matches .stage ul.lista-grupos li.ui-state-active {border: 1px solid #666; -webkit-border-radius: 7px 7px 0 0; border-bottom: 0; float: right; height: 21px; padding: 1px 1px 0 1px; background-color: #fff; 
				/*right: 50%;*/ position: relative; z-index: 5; margin: 0 5px 0 0; width: 32px; text-align: center; line-height: 21px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d2deea), to(#ffffff));}
	.matches .stage  ul.lista-grupos li a {color: #333; text-decoration: none; height: 100%; width: 100%; display: block;}

	.matches .stage .bottom {text-align: right; font: 10px Verdana, Geneva, sans-serif; padding-right: 10px; line-height: 17px; margin-bottom: 5px;}
	.matches .stage .bottom a {text-decoration: none; color: #195695;}
	
	.masinfo {height: 141px; width: 482px; background: #fff url(../img/bck-more-info.jpg) center top; font: 20px Arial, Helvetica, sans-serif; text-align: center; }
	.masinfo img {vertical-align: middle;}
	.masinfo a {line-height: 141px; color: #fff; font-weight: bold; text-decoration: none;}

	/* --- fase previa */
	.fase-previa { z-index: 10; background-color: #ffffff; overflow-y: hidden; margin: -1px 0 0 0; position: relative; height: 189px; clear: both; overflow-y: scroll; width: 482px;}
	.fase-previa .partidos {}
		.fase-previa .partido {width: 232px; float: right; height: 53px; text-align: center; padding: 10px 0 0 0; position: relative;cursor:pointer;}
		
		.fase-previa .partido:nth-child(odd) {width: 231px; border-right: 1px solid #e7e7e7;}
		.fase-previa .partido:nth-child(4n) {background-color: #e5e5e5; }
		.fase-previa .partido:nth-child(4n-1) {background-color: #e5e5e5; border-right: 1px solid #fff;  }
	
		.fase-previa .partido input {position: absolute; top: 10px; right: 10px;}
		
		.fase-previa .partido .equipos {width: 152px; margin: 0 auto; font-size: 12px; font-weight: bold; cursor: pointer; line-height: 12px; }
		.fase-previa .partido span {font-size: 11px; color: #195695; font-weight: bold; }
		.fase-previa .partido span img {border: 1px solid #999; vertical-align: middle; margin-top:-2px; display: inline-block;}
		.fase-previa .partido .equipo1 {float: right; line-height: 14px}
		.fase-previa .partido .equipo1 img {margin-right: 3px;}
		.fase-previa .partido .equipo2 {float: left; text-align: right; line-height: 14px;}
		.fase-previa .partido .equipo2 img {margin-left: 3px;}
		.fase-previa .partido p {font: 9px Verdana, Geneva, sans-serif; width: 100%; line-height: 11px; clear: both;}	
		.fase-previa .partido p strong {width: 100%; display: block; white-space: nowrap}
			
		.partidos-bottom {height: 15px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(#dadcdf)); -webkit-border-radius: 0 0 5px 5px; margin-bottom: 5px;}
	
	/* --- cuadro segunda fase */
	.cuadro-segunda-fase {clear: both;}
	.cuadro-segunda-fase .grupos { font-size: 11px; color: #333; -webkit-border-radius: 5px 5px 0 0; height: 21px; line-height: 21px; padding: 2px 2px 0 2px;
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e0e0e0), to(#ffffff))}
	.cuadro-segunda-fase .grupos div {background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a4a4a4), to(#e2e2e2)); -webkit-border-radius: 5px 5px 0 0; padding: 0 5px; height: 21px; }

		
/* ---- */
#tab1 {clear: both; overflow: hidden;}

.disabled {
    color:#cac8bb;	
}

.equipos 
{
	cursor:pointer;
}
